<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>时间格式化工具</title>
    <link rel="stylesheet" href="../src/css/meCalendar.css">
    <style>
        .container{
            font-size: 16px;
            margin-left: 10px;
        }
        p{
           margin-left: 10px;
        }
    </style>
    <script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
    <script src="../src/js/jquery.formatDate.js"></script>
    <script src="../src/js/jquery-calendar.js"></script>
</head>
<body>
<h3>前端时间转换工具</h3>
<p>Usage:</p>
<div class="container">
    <label>系统&nbsp;当前&nbsp;时间：</label>
    <input type="text" id="nowDate"/><br/><br/>
    <label>时间戳转换字符串：</label>
    <input type="text" id="secTime" placeholder="输入时间戳"/>
    <button onclick="toStrTime()">转换</button>
    <span id="resultStr"></span>
    <br/><br/>
    <label>日期转换成时间戳：</label>
    <input type="text" id="date" placeholder="点击选择日期"/>
    <button onclick="toDate()">转换</button>
    <span id="resultSec"></span>
</div>
<p>时间格式化工具使用方法：</p>
<p>一、不传时间(生成当前日期)</p>
<p>$.formatDate("yyyy-MM-dd HH:mm:ss");</p>
<p>二、传字符串时间，转换成指定格式</p>
<p>$.formatDate("yyyy-MM-dd HH:mm:ss", "2014-02-11");</p>
<p>三、显示英文</p>
<p>$.formatDate("yyyy-MM-dd HH:mm:ss E - EE MMMM (h:mm a)", new Date(), {lang:"en"});</p>
<p>四、自定义显示文字</p>
<p>$.formatDate("E-EE", new Date(), {aLongWeeks: ['周日','周一','周二','周三','周四','周五','周六']});</p>
<p>五、格式化数字时间(根据毫秒时间戳格式化为字符串时间)</p>
<p>第一个参数：指定输出的格式   第二个参数：传入毫秒时间值(1279849429000)为毫秒时间值</p>
<p>$.formatDate("yyyy-MM-dd HH:mm:ss",parseInt(1279849429000,10));</p>
<p>六、时分秒都置0</p>
<p>$.formatDate("yyyy-MM-dd HH:mm:ss", "2014-10-20 11:30:00",{setToZero:true});</p>
<p>返回2014-10-20 00:00:00</p>
<p>7、根据字符串时间获取时间戳</p>
<p>$.formatDate("yyyy-MM-dd HH:mm:ss", "2014-10-20 11:30:00",{toLong:true});</p>
<p>返回：1413734400000</p>
<p style="height: 30px"></p>

<script>
    $(function(){
        $("#nowDate").val($.formatDate("yyyy-MM-dd HH:mm:ss"));
    });

    function toStrTime() {
        var str = $.formatDate("yyyy-MM-dd HH:mm:ss", parseInt($("#secTime").val().trim()));
        $("#resultStr").text(str);
    }

    $("#date").calendar({
        format: 'yyyy-MM-dd',//默认格式yyyy-MM-dd
        beginYear: 2014,
        endYear: 2030,
        max: new Date(),//最大时间设置只能为Date,默认不设置
       // istoday: true  //设置初始时间为今天
        //callBack:back1 //回调
    });

    function toDate() {
        $("#resultSec").text($.formatDate("yyyy-MM-dd HH:mm:ss", $("#date").val(), {toLong: true}));
    }
</script>
</body>
</html>